{% extends 'base.html' %}

{% block intro %}
  <a href="https://jquery.com/">jQuery</a>
  是一个比较流行的库，它为常见任务添加了跨浏览器API。但是，它需要加载一个额外的组件。
{% endblock %}

{% block script %}
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script>
    function addSubmit(ev) {
      ev.preventDefault();
      $.ajax({
        method: 'POST',
        url: {{ url_for('add')|tojson }},
        data: $(this).serialize()
      }).done(addShow);
    }

    function addShow(data) {
      $('#result').text(data.result);
    }

    $('#calc').on('submit', addSubmit);
  </script>
{% endblock %}
